:root{--bg-primary: #0a0c16;--bg-secondary: #111424;--accent-primary: #8b5cf6;--accent-secondary: #06b6d4;--accent-glow: rgba(139, 92, 246, .4);--text-main: #f3f4f6;--text-muted: #9ca3af;--border-glass: rgba(255, 255, 255, .08);--bg-glass: rgba(17, 20, 36, .7);--bg-glass-hover: rgba(255, 255, 255, .04);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", sans-serif;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(139,92,246,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(6,182,212,.12) 0px,transparent 50%);color:var(--text-main);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);background:#0a0c16cc;position:sticky;top:0;z-index:100;padding:1rem 2rem}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--font-display);color:#fff;font-size:1.25rem;box-shadow:0 0 20px var(--accent-glow)}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:700;background:linear-gradient(to right,#fff,#d8b4fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-actions{display:flex;align-items:center;gap:1rem}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 8px 32px #0000005e;transition:var(--transition)}.glass-panel:hover{border-color:#ffffff26}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px)}.login-card{width:100%;max-width:420px;text-align:center}.login-title{margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:.9rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-label{display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;background:#ffffff0d;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text-main);font-family:var(--font-body);font-size:1rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--accent-primary);background:#ffffff14;box-shadow:0 0 15px #8b5cf633}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-weight:600;font-size:.95rem;border-radius:var(--radius-md);padding:.75rem 1.5rem;cursor:pointer;transition:var(--transition);border:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),#6d28d9);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680;background:linear-gradient(135deg,#9333ea,#5b21b6)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0f;color:var(--text-main);border:1px solid var(--border-glass)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:#fff3;color:#fff}.btn-danger{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444433;border-color:#ef444466}.btn-sm{padding:.5rem 1rem;font-size:.85rem;border-radius:var(--radius-sm)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.dashboard-title-area{display:flex;flex-direction:column;gap:.25rem}.dashboard-subtitle{color:var(--text-muted);font-size:.95rem}.upload-zone{border:2px dashed rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;background:#ffffff05;cursor:pointer;transition:var(--transition);margin-bottom:2rem;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--accent-primary);background:#8b5cf608}.upload-zone-active{border-color:var(--accent-secondary);background:#06b6d40d}.upload-icon{color:var(--accent-primary);margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.upload-text{font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.upload-subtext{color:var(--text-muted);font-size:.85rem}.upload-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.media-card{display:flex;flex-direction:column;overflow:hidden;height:100%}.media-card-thumbnail{background:#0006;height:180px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden;border-bottom:1px solid var(--border-glass)}.thumbnail-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:var(--accent-primary);filter:blur(40px);opacity:.35;transition:var(--transition)}.media-card:hover .thumbnail-glow{opacity:.6;width:110px;height:110px}.media-icon{position:relative;z-index:2;color:#fff;transition:var(--transition)}.media-card:hover .media-icon{transform:scale(1.1)}.media-badge{position:absolute;top:.75rem;left:.75rem;background:#0a0c16cc;border:1px solid var(--border-glass);padding:.25rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;z-index:2}.duration-badge{position:absolute;bottom:.75rem;right:.75rem;background:#000000bf;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-family:var(--font-display);font-weight:500;z-index:2}.status-badge{position:absolute;top:.75rem;right:.75rem;padding:.25rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;z-index:2;text-transform:capitalize}.status-pending{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.status-converting{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3);animation:pulse 2s infinite}.status-completed{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-failed{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.media-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;flex-grow:1}.media-card-title{font-size:1.1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.media-card-meta{color:var(--text-muted);font-size:.8rem;display:flex;align-items:center;justify-content:space-between}.media-card-actions{display:flex;gap:.5rem;margin-top:auto;border-top:1px solid var(--border-glass);padding-top:1rem}.progress-container{width:100%;background:#ffffff0d;height:6px;border-radius:3px;overflow:hidden;position:relative}.progress-bar{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));height:100%;border-radius:3px;transition:width .4s ease-out;box-shadow:0 0 10px #8b5cf699}.progress-label{font-size:.75rem;color:var(--text-muted);text-align:right;margin-top:.25rem}.player-page-layout{display:grid;grid-template-columns:2fr 1fr;gap:2rem}@media (max-width: 968px){.player-page-layout{grid-template-columns:1fr}}.player-main-area,.player-details-area{display:flex;flex-direction:column;gap:1.25rem}.video-wrapper{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-glass);background:#000;box-shadow:0 15px 40px #0009}.video-element{width:100%;height:100%;object-fit:contain;display:block}.audio-visual-container{position:relative;width:100%;height:250px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-glass);background:linear-gradient(135deg,#0f172a,#1e1b4b);display:flex;align-items:center;justify-content:center;box-shadow:0 15px 40px #0009}.audio-visual-circles{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);animation:audioPulse 2.5s infinite ease-in-out}.audio-visual-circles:nth-child(2){width:180px;height:180px;animation-delay:.5s}.audio-visual-circles:nth-child(3){width:240px;height:240px;animation-delay:1s}@keyframes audioPulse{0%{transform:scale(.85);opacity:.2}50%{transform:scale(1.15);opacity:.6}to{transform:scale(.85);opacity:.2}}.audio-icon-center{z-index:2;color:var(--accent-secondary);filter:drop-shadow(0 0 15px var(--accent-glow));animation:bounce 4s infinite ease-in-out}.audio-bars-container{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:6px;height:40px;z-index:2}.audio-bar{width:4px;background:linear-gradient(to top,var(--accent-primary),var(--accent-secondary));border-radius:2px;animation:wave 1.2s ease-in-out infinite;height:10px}.audio-bar:nth-child(2n){animation-delay:.2s;height:15px}.audio-bar:nth-child(3n){animation-delay:.4s;height:20px}.audio-bar:nth-child(4n){animation-delay:.6s;height:25px}@keyframes wave{0%,to{height:8px}50%{height:35px}}.audio-controls-panel{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:1.5rem;width:100%}.banner{padding:1rem 1.5rem;border-radius:var(--radius-md);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem}.banner-error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.banner-success{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.footer{text-align:center;padding:2rem;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border-glass);margin-top:auto}@media (max-width: 640px){.main-content,.header{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start}}