@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary: #0b1014;--bg-secondary: #151c24;--bg-card: #1a2230;--bg-glass: rgba(21, 28, 36, .75);--accent: #1ce783;--accent-dim: #14a35e;--accent-glow: rgba(28, 231, 131, .25);--text-primary: #e0e5ec;--text-secondary: #8a95a5;--text-muted: #5a6575;--danger: #ff4d6a;--warning: #ffb547;--gold: #ffd700;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px var(--accent-glow);--shadow-deep: 0 8px 40px rgba(0, 0, 0, .6)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}select{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:8px 28px 8px 12px;font-family:inherit;font-size:13px;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238a95a5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important}select:focus{border-color:var(--accent)}select option{background-color:#1a2230;color:#e0e5ec;padding:8px 12px}select option:checked,select option:hover{background-color:#243040;color:#1ce783}.app-layout{display:flex;width:100vw;height:100vh;overflow:hidden}.sidebar{width:260px;min-width:260px;height:100vh;background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;padding:var(--space-lg) 0;z-index:100;transition:transform var(--transition-slow)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-md);padding:0 var(--space-lg);margin-bottom:var(--space-2xl)}.sidebar-brand .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),#0ea5e9);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--bg-primary);box-shadow:var(--shadow-glow)}.sidebar-brand h1{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--accent),#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-xs);padding:0 var(--space-sm);flex:1}.nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-weight:500;font-size:14px;position:relative;-webkit-user-select:none;user-select:none}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--accent);background:#1ce78314}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent);border-radius:var(--radius-full)}.nav-item .icon{font-size:18px;width:24px;text-align:center}.main-content{flex:1;height:100vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}.hero-banner{position:relative;width:100%;height:60vh;min-height:400px;overflow:hidden}.hero-banner .hero-bg{position:absolute;inset:-20px;background-size:cover;background-position:center top;filter:brightness(.4) blur(12px) saturate(1.3);transform:scale(1.1);transition:background-image var(--transition-slow)}.hero-banner .hero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(11,16,20,.3) 40%,rgba(11,16,20,.8) 75%,var(--bg-primary) 100%)}.hero-banner .hero-content{position:absolute;bottom:var(--space-3xl);left:var(--space-2xl);max-width:600px;z-index:10}.hero-banner .hero-title{font-size:48px;font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin-bottom:var(--space-md);text-shadow:0 2px 20px rgba(0,0,0,.5)}.hero-banner .hero-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);font-size:14px;color:var(--text-secondary)}.hero-banner .hero-meta .badge{padding:2px 10px;border-radius:var(--radius-sm);font-weight:600;font-size:12px}.hero-banner .hero-meta .badge-rating{background:var(--gold);color:var(--bg-primary)}.hero-banner .hero-meta .badge-rated{border:1px solid var(--text-muted);color:var(--text-secondary)}.hero-banner .hero-plot{font-size:15px;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-lg);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-banner .hero-actions{display:flex;gap:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-md);font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background:#1ff08c;box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:#ffffff1a;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff26;transform:translateY(-1px)}.carousel-section{padding:0 var(--space-2xl);margin-bottom:var(--space-xl)}.carousel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.carousel-header h2{font-size:20px;font-weight:700;letter-spacing:-.3px}.carousel-header .see-all{color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast)}.carousel-header .see-all:hover{opacity:.8}.carousel-row{display:flex;gap:var(--space-md);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-sm);scrollbar-width:none;scroll-behavior:smooth}.carousel-row::-webkit-scrollbar{display:none}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:100%;max-height:calc(100% - 60px);background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;z-index:10;opacity:0;transition:all var(--transition-base)}.carousel-nav:hover{background:#000000b3;box-shadow:var(--shadow-glow)}.carousel-section:hover .carousel-nav{opacity:1}.carousel-nav.left{left:0;border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.carousel-nav.right{right:0;border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.movie-card{flex-shrink:0;width:180px;scroll-snap-align:start;cursor:pointer;transition:all var(--transition-base);position:relative}.movie-card:hover{transform:scale(1.05)}.movie-card:hover .movie-card-poster{box-shadow:0 0 0 2px var(--accent),var(--shadow-glow)}.movie-card-poster{position:relative;width:100%;aspect-ratio:2/3;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);transition:box-shadow var(--transition-base)}.movie-card-poster img{width:100%;height:100%;object-fit:cover}.movie-card-info{padding:var(--space-sm) var(--space-xs)}.movie-card-info .card-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.movie-card-info .card-meta{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:var(--space-xs)}.movie-card-info .card-meta .star{color:var(--gold)}.movie-detail-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-base)}.movie-detail-card{background:var(--bg-secondary);border-radius:var(--radius-xl);max-width:800px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-deep);display:flex;gap:var(--space-xl);padding:var(--space-xl);animation:slideUp var(--transition-slow)}.movie-detail-card .detail-poster{width:250px;min-width:250px;aspect-ratio:2/3;border-radius:var(--radius-lg);overflow:hidden}.movie-detail-card .detail-poster img{width:100%;height:100%;object-fit:cover}.movie-detail-card .detail-info{flex:1}.movie-detail-card .detail-title{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:var(--space-sm)}.movie-detail-card .detail-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.movie-detail-card .detail-tag{padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:500;background:#ffffff14;color:var(--text-secondary)}.movie-detail-card .detail-ratings{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.movie-detail-card .rating-item{display:flex;align-items:center;gap:var(--space-sm)}.movie-detail-card .rating-value{font-size:22px;font-weight:700;color:var(--gold)}.movie-detail-card .rating-label{font-size:11px;color:var(--text-muted)}.movie-detail-card .detail-plot{font-size:14px;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-lg)}.movie-detail-card .detail-crew{font-size:13px;color:var(--text-muted);line-height:1.8}.movie-detail-card .detail-crew strong{color:var(--text-secondary)}.movie-detail-card .detail-close{position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;border-radius:var(--radius-full);background:#ffffff1a;border:none;color:var(--text-primary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.movie-detail-card .detail-close:hover{background:#fff3}.login-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);top:-200px;right:-200px;pointer-events:none}.login-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--space-2xl);width:420px;max-width:90vw;box-shadow:var(--shadow-deep);text-align:center;animation:slideUp var(--transition-slow)}.login-card .login-logo{font-size:32px;font-weight:800;background:linear-gradient(135deg,var(--accent),#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.login-card .login-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:var(--space-2xl)}.login-card .qr-container{background:#fff;border-radius:var(--radius-lg);padding:var(--space-lg);display:inline-block;margin-bottom:var(--space-lg)}.login-card .qr-container canvas{display:block}.login-card .pin-display{font-size:36px;font-weight:800;letter-spacing:8px;color:var(--accent);margin-bottom:var(--space-sm);font-variant-numeric:tabular-nums}.login-card .pin-label{font-size:12px;color:var(--text-muted);margin-bottom:var(--space-lg)}.input-group{margin-bottom:var(--space-md)}.input-group input{width:100%;padding:var(--space-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;transition:border-color var(--transition-fast)}.input-group input:focus{border-color:var(--accent)}.input-group input::placeholder{color:var(--text-muted)}@keyframes glowBreathe{0%,to{box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 24px var(--accent-glow),0 0 48px #1ce7831a}}.glow-breathe{animation:glowBreathe 3s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,rgba(255,255,255,.05) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.btn-google{width:100%;background:#fff;color:#333;font-weight:600;padding:var(--space-md) var(--space-lg)}.btn-google:hover{background:#f0f0f0}.btn-google .google-icon{width:18px;height:18px}.divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--text-muted);font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff1a}