:root{--primary-red:#B21E2B;--dark-red:#7A0F18;--highlight-red:#E23A3A;--premium-gold:#D8A63A;--light-gold:#F2D27A;--bg-dark:#282B30;--bg-secondary:#1E2125;--accent-glow:#FF7A2F;--text-primary:#FFFFFF;--text-secondary:#A0A7B5;--text-muted:#6E768A;--border-color:rgba(216,166,58,0.2);--glass-bg:rgba(26,35,53,0.6);--glass-border:rgba(255,255,255,0.1)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background:radial-gradient(circle at top right,#32353b,var(--bg-dark));color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16dp}.premium-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4);transition:transform .3s ease,border-color .3s ease}.premium-card:hover{border-color:var(--premium-gold);transform:translateY(-4px)}.btn-primary{background:linear-gradient(135deg,var(--primary-red),var(--dark-red));color:white;padding:12px 24px;border-radius:8px;border:none;font-weight:600;cursor:pointer;box-shadow:0 4px 15px rgba(178,30,43,.3);transition:all .3s ease}.btn-primary:hover{box-shadow:0 0 20px var(--highlight-red);transform:scale(1.02)}.glow-text{color:var(--light-gold);text-shadow:none!important}.input-field{background:rgba(0,0,0,.2);border:1px solid var(--glass-border);border-radius:8px;padding:12px 16px;color:white;width:100%;outline:none;transition:border-color .3s ease}.input-field:focus{border-color:var(--premium-gold)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .5s ease forwards}@keyframes posterScrollSlow{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes posterScrollMedium{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes posterScrollFast{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.poster-col{display:flex;flex-direction:column;gap:12px}.poster-col-slow{animation:posterScrollSlow 60s linear infinite}.poster-col-medium{animation:posterScrollMedium 45s linear infinite}.poster-col-fast{animation:posterScrollFast 35s linear infinite}.poster-img{border-radius:10px;object-fit:cover;box-shadow:0 4px 20px rgba(0,0,0,.5);transition:transform .4s ease,opacity .4s ease}.poster-img:hover{transform:scale(1.05);opacity:1!important}.poster-large{width:220px;height:330px;opacity:.85}.poster-medium{width:160px;height:240px;opacity:.6}.poster-small{width:110px;height:165px;opacity:.4;filter:blur(1px)}.login-input:focus{border-color:rgba(216,166,58,.5)!important;box-shadow:0 0 24px rgba(216,166,58,.1)}.btn-login:hover:not(:disabled){box-shadow:0 0 30px rgba(178,30,43,.5),0 4px 20px rgba(178,30,43,.3);transform:translateY(-1px)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.page-transition{opacity:0;transform:translateY(12px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.page-transition-enter{opacity:1;transform:translateY(0)}.main-content{margin-left:280px;min-height:100vh;transition:margin .3s ease}@media screen and (max-width:1024px){.dashboard-grid{grid-template-columns:1fr!important}.main-content{margin-left:0!important;padding:20px!important}.desktop-only,.mobile-hide{display:none!important}.premium-card{padding:20px!important}h1{font-size:24px!important}}.dashboard-content{display:flex;flex-direction:column;gap:24px}.stats-container{order:1}.recent-container{order:2}@media screen and (max-width:1024px){.stats-container{order:2}.recent-container{order:1}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}}.main-container{padding:40px!important}@media screen and (max-width:1024px){.main-container{padding:20px!important}.dashboard-header{flex-direction:column;align-items:flex-start!important;gap:20px}}@media screen and (min-width:768px) and (max-width:1023px){.dashboard-grid{grid-template-columns:repeat(2,1fr)!important}}