:root{color:#e0e0e0;--accent:#b71119;--accent-hover:#831419;background-color:#121212;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background-color:#121212;margin:0;padding:0}.app-container{max-width:1200px;margin:0 auto;padding:20px}.app-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.app-header h1{color:#fff;align-items:center;gap:10px;margin:0;display:flex}.user-info{align-items:center;gap:15px;display:flex}.login-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:background .2s}.login-btn:hover{background:var(--accent-hover)}.logout-btn{color:#aaa;cursor:pointer;background:0 0;border:none;transition:color .2s}.logout-btn:hover{color:#fff}.tab-container{gap:10px;margin-bottom:24px;display:flex}.tab-btn{color:#888;cursor:pointer;background:#2a2a2a;border:none;border-radius:8px;flex:1;padding:12px;font-size:1rem;font-weight:600;transition:all .2s}.tab-btn.active{background:var(--accent);color:#fff}.add-movie-form{gap:8px;width:100%;margin-bottom:30px;display:flex}.dark-input{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:8px;flex:1;min-width:0;padding:10px 12px}.dark-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}.add-btn,.submit-rating-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:background .2s}.add-btn:hover,.submit-rating-btn:hover{background:var(--accent-hover)}.add-btn:active{transform:scale(.97)}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.movie-card{background:#1e1e1e;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 8px 24px #0006}.movie-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0009}.movie-image{object-fit:cover;background:#2a2a2a;width:100%;height:480px}.empty-image{justify-content:center;align-items:center;display:flex}.movie-content{flex-direction:column;flex-grow:1;padding:20px;display:flex}.movie-title{color:#fff;margin:0 0 16px;font-size:1.4rem;font-weight:600}.vote-container{align-items:center;gap:12px;margin-top:auto;display:flex}.vote-btn{color:#aaa;cursor:pointer;background:#2a2a2a;border:1px solid #333;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:all .2s;display:flex}.vote-btn:hover{color:#fff;background:#333}.vote-btn.active-up{color:#4caf50;background:#4caf5026;border-color:#4caf50}.vote-btn.active-down{color:#f44336;background:#f4433626;border-color:#f44336}.admin-controls{gap:8px;margin-left:auto;display:flex}.admin-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:opacity .2s;display:flex}.admin-btn:hover{opacity:.8}.admin-btn.success{color:#fff;background:#16a34a}.admin-btn.danger{color:#fff;background:#dc2626}.admin-btn.danger-outline{color:#dc2626;background:0 0;border:1px solid #dc2626}.watched-controls{margin-top:auto}.group-avg{color:#ccc;margin:0 0 12px;font-size:.95rem}.rating-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.user-rating-select{color:#aaa;align-items:center;gap:8px;font-size:.9rem;display:flex}