:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--text-primary: #e0e0e0;--text-secondary: #999;--accent: #5865F2;--accent-hover: #4752C4;--danger: #ED4245;--success: #57F287;--warning: #FEE75C;--border: #333;--radius: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:var(--radius);padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#c03537}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:#303030}input,select,textarea{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;color:var(--text-primary);font-size:14px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:20px}nav{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:12px 20px;display:flex;align-items:center;justify-content:space-between}nav .logo{font-size:20px;font-weight:700;color:var(--text-primary)}nav .nav-links{display:flex;align-items:center;gap:16px}nav .nav-links a{color:var(--text-secondary);font-size:14px}nav .nav-links a:hover{color:var(--text-primary);text-decoration:none}.user-info{display:flex;align-items:center;gap:8px}.user-info img{width:28px;height:28px;border-radius:50%}.page-header{display:flex;align-items:center;justify-content:space-between;margin:24px 0}.page-header h1{font-size:24px}table{width:100%;border-collapse:collapse}table th,table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}table th{color:var(--text-secondary);font-size:12px;text-transform:uppercase;font-weight:600}table tr:hover{background:var(--bg-tertiary)}.storage-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.storage-bar-fill{height:100%;border-radius:4px;transition:width .3s}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.badge-ready{background:#1a3d23;color:var(--success)}.badge-processing{background:#3d3a1a;color:var(--warning)}.badge-error{background:#3d1a1a;color:var(--danger)}.badge-uploading{background:#1a2a3d;color:#5bc0de}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:500px;width:90%}.modal h2,.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-secondary)}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.video-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.video-card:hover{border-color:var(--accent)}.video-card .thumbnail{width:100%;aspect-ratio:16/9;background:var(--bg-tertiary);object-fit:cover}.video-card .info{padding:12px}.video-card .info h3{font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-card .info .meta{font-size:12px;color:var(--text-secondary)}.progress-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s}.dropzone{border:2px dashed var(--border);border-radius:12px;padding:60px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone.active{border-color:var(--accent);background:#5865f20d}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-8{gap:8px}.gap-16{gap:16px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}