.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#1a1a2e 0%,var(--bg-primary) 70%)}.login-card{text-align:center;padding:48px;max-width:400px;width:100%}.login-logo{color:var(--accent);margin-bottom:16px}.login-title{font-size:32px;font-weight:700;margin-bottom:8px;letter-spacing:-1px}.login-subtitle{color:var(--text-secondary);font-size:15px;margin-bottom:32px}.login-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:var(--accent);color:#000;font-size:15px;font-weight:600;border-radius:24px;transition:all .15s;width:100%;justify-content:center}.login-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 20px #3ea6ff4d}.login-btn:active{transform:translateY(0)}.login-btn svg{stroke:#000}.login-footer{margin-top:24px;font-size:12px;color:var(--text-secondary);opacity:.6}.header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:8px}.header-logo{color:var(--accent)}.header-title{font-size:18px;font-weight:700;letter-spacing:-.5px}.header-right{display:flex;align-items:center;gap:16px}.header-email{font-size:14px;color:var(--text-secondary)}.header-btn{padding:8px 16px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:14px;transition:all .15s}.header-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-secondary)}.video-card{border-radius:var(--radius);overflow:hidden;transition:transform .15s}.video-card.clickable{cursor:pointer}.video-card.clickable:hover{transform:scale(1.02)}.video-card.clickable:hover .video-card-thumbnail{opacity:.85}.video-card-thumbnail{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:opacity .15s;position:relative}.video-card-play-icon{opacity:.7;transition:opacity .15s}.video-card.clickable:hover .video-card-play-icon{opacity:1}.processing-indicator{display:flex;align-items:center;justify-content:center}.processing-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.video-card-info{padding:12px 4px}.video-card-title{font-size:14px;font-weight:500;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.video-card-status{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-ready{background:#2ba64026;color:var(--success)}.status-processing{background:#3ea6ff26;color:var(--accent)}.home-page{min-height:100vh;display:flex;flex-direction:column}.home-content{flex:1;padding:24px;max-width:1400px;margin:0 auto;width:100%}.home-heading{font-size:20px;font-weight:600;margin-bottom:24px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.home-loading{display:flex;justify-content:center;padding:64px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.home-error{text-align:center;padding:48px;color:var(--text-secondary)}.home-error button{margin-top:16px;padding:10px 24px;background:var(--accent);color:#000;font-weight:600;border-radius:var(--radius-sm)}.home-empty{text-align:center;padding:80px 24px;color:var(--text-secondary)}.home-empty svg{opacity:.4;margin-bottom:16px}.home-empty h3{font-size:18px;color:var(--text-primary);margin-bottom:8px}.home-empty p{font-size:14px}@media (max-width: 768px){.video-grid{grid-template-columns:1fr}.home-content{padding:16px}}.watch-page{min-height:100vh;display:flex;flex-direction:column}.watch-content{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:24px}.watch-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;color:var(--text-secondary);font-size:14px;border-radius:var(--radius-sm);margin-bottom:20px;transition:all .15s}.watch-back:hover{background:var(--bg-hover);color:var(--text-primary)}.watch-player{width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.watch-player video{width:100%;height:100%;object-fit:contain}.watch-info{padding:4px 0}.watch-title{font-size:20px;font-weight:600;margin-bottom:12px;line-height:1.3}.watch-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary)}.watch-status{padding:3px 10px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.watch-error{text-align:center;padding:48px;color:var(--error)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-hover: #272727;--bg-card: #212121;--text-primary: #f1f1f1;--text-secondary: #aaaaaa;--accent: #3ea6ff;--accent-hover: #65b8ff;--border: #303030;--success: #2ba640;--warning: #ff8c00;--error: #ff4444;--radius: 12px;--radius-sm: 8px}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}#root{min-height:100vh;display:flex;flex-direction:column}